﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {font-size:12px; font-family:"microsoft yahei",'Arial', 'Verdana','Helvetica', sans-serif; color:#333;overflow: hidden;overflow-y: auto;min-width: 1200px;background-color:#f6f6f6;}
td,th,caption { font-size:15px; }
form{display: block;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:14px; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a {text-decoration:none; color:#333;font-size: 12px;}
a:hover {color: #d04;}
img { border:none;vertical-align: middle; }
ol,ul,li { list-style:none; }
input{font-family:"microsoft yahei",'Arial', 'Verdana','Helvetica', sans-serif;}
*,a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.clearfix{clear: both;*zoom:1;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nb{width: 1200px;margin:0 auto;position:relative;}
.greybg{background-color:#f6f6f6;}
.red{color:#e40101;}
.orange{color:#f08118 !important;}
.btn {min-width: 60px;display: inline-block;text-align: center;padding: 8px 10px;background-color: #007cc3;border: none;border-radius: 3px;color: #fff;font-size: 12px;}
.btn:hover{background-color: #056aa3;color: #fff;}
.btn-pure{min-width: 60px;width: auto !important; display: inline-block;text-align: center;padding: 8px 10px;border: solid 1px #007cc3 !important;border-radius: 3px;color: #007cc3;font-size: 12px;background-color: #fff !important;}
.btn-pure:hover{background-color: #e6eff5 !important;}
.tip {color: #aeadad;font-size: 12px;}
input[type="submit"],input[type="button"]{cursor: pointer;}
input{outline: none;}
.fl {float: left;}
.vivi-blue, .lnk {color: #3893ee;}
.clearovermartb{margin:20px 0;overflow: hidden;clear: both;}
.scalc1p1{transform: -moz-scale(1.1);transform: -webkit-scale(1.1);transform: -o-scale(1.1);transform: -ms-scale(1.1);transform: scale(1.1);}
.mask {
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 

}
.navtitleright{line-height: 50px;}
.ico-label{padding:1px 2px; display:inline-block !important; font-style:normal;border-radius:3px;background: transparent !important;}
.label-team{border:solid 1px #f08118;color:#f08118;}
 
.lside{float: left;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);}

.rside{float: right;}
.header{background-color:#fff;}
.header .head-top{background-color:#eee;height: 30px;line-height: 30px;}
.header .head-top .nb{overflow: hidden;height: 100%;}
.header .head-top a{color: #333;}
.header .head-top a .icon{height: 18px;vertical-align: -5px;margin-right: 5px;}
.header .head-top a:hover{color: #d04;}
.head-ul li{float: left;padding:0 18px;position: relative;}
.head-ul li:after{content: '';position: absolute;width: 1px;height: 16px;background-color:#e2e2e2;display: block;top: 7px;right: 0;}
.head-ul li:last-child:after{display: none;}
.web-title-container{position: relative;overflow: hidden;padding: 10px 0;}
.logo-box{float: left;display: block;width: 300px;height: 80px;line-height: 80px;}

.prev-next a{display: block;background:url(../imagesnew/index_btn.png) no-repeat;width: 28px;height: 60px;position: absolute;}
.prev-next .prev{background-position: 0 0;}
.prev-next .next{background-position: -29px 0;}
/**/
.title-ab{text-align: center;}
.title-ab h4{position: relative;display: inline-block;font-size: 20px;color:#323232;}
.title-ab h4:after,.title-ab h4:before{position: absolute;width: 40px;height: 1px;background-color:#c5c5c5;display: block;content: '';top: 50%;}
.title-ab h4:after{right: -55px;}
.title-ab h4:before{left: -55px;}
/*搜索框*/
.head-center{float:left;width: 600px;margin-left: 100px;margin-top: 17px;}
.searchbox{height: 40px;display: inline-block;vertical-align: middle;display: flex;justify-content: space-between;}
.searchbox form{position: relative;border:2px solid #dd0044;border-radius: 2px;}
.searchbox input{border:none;background:none;}
.searchbox .search{}
.searchbox .txt-search{width: 378px;height: 36px;margin-left: 10px;}
.searchbox .btn-submit{width: 36px;background: #dd0044 url("../imagesnew/icon_search.png") center/50% no-repeat;height: 36px;position: absolute;right: 0;top: 0;color:#fff;}
.head-center .head-nav{margin-top: 4px;max-width: 400px;}
.head-center .head-nav a{font-size: 12px;color: #666666;margin: 0 5px;}
.head-center .head-nav a:hover{color: #d04;}
/*购物车*/
.searchbox .cartbtn{position:relative;min-width: 100px;padding:0 12px;height: 40px;line-height: 40px;color:#fff;cursor: pointer;background-color: #dd0044;border-radius: 2px;font-size: 14px;text-align: center;}
.searchbox .cartbtn .buy-car-img{width: 16px;margin-right: 5px;}
.searchbox .cartinfo{font-size: 12px;min-width: 8px;padding: 0 6px;background-color: #dd0044;color: #fff;border-radius: 50%;height: 20px;line-height: 20px;}
/*二维码*/
.header .qrcode-box{float: right;margin-right: 5px;}
.header .qrcode-box .qrcode{width: 70px;height: 70px;display: block;box-shadow: 0 3px 10px rgba(0,0,0,0.2);}
.header .qrcode-box p{color: #333333;text-align: center;font-size: 12px;margin-top: 5px;}
/*滚动条设置*/
::-webkit-scrollbar{
    width:4px;
    height:4px;
}
::-webkit-scrollbar-track{
    background: #f6f6f6;
    border-radius:2px;
}
::-webkit-scrollbar-thumb{
    background: #aaa;
    border-radius:2px;
    background-clip: padding-box;
    border: 1px solid transparent;
}
::-webkit-scrollbar-thumb:hover{
    background: #747474;
}
::-webkit-scrollbar-corner{
    background: #f6f6f6;
}
.nav{position: relative;height: 40px;left: 0;background-color: #f9f9f9;}
.nav .nav-classify{width: 200px;position: absolute;top: 0;z-index: 999;*float: left;left: 0;}
.nav .nav-classifyopaity{background-color:rgba(255,255,255,.92);}
.nav .nav-classify .nav-all-btn{width: 100%;height: 40px;line-height: 40px;}
.nav .nav-classify .nav-all-btn a{display: block;line-height: 40px;background-color: #d04;color:#fff;text-indent: 25px;font-size: 16px;cursor: pointer;font-weight: bold;}
.nav .nav-classify .nav-all-btn .nav-img{width: 18px;vertical-align: -4px;margin-right: 10px;}
.nav .menu-mainnav{padding-bottom:5px;position: relative;background-color: #ffffff;border: 1px solid #ddd;border-top: none;min-height: 472px;display: none;}
.nav .menu-mainnav li:nth-child(14)~li{display: none;}
.nav .menu-mainnav li .sortmaintitle{height: 33px;line-height: 33px;padding:0 15px;overflow: hidden;text-align: center;}
.nav .menu-mainnav li .sortmaintitle a{color: #666;display: block;height: 33px;line-height: 33px;border-bottom: 1px dashed #ddd;}
.nav .menu-mainnav li a{font-size: 14px;margin:0 5px;}
.nav .navsonbox{min-height: 472px;background-color:#fff;width: 1000px;position: absolute;left: 199px;display: none;top:0;border-left: 1px solid #d04;border-right: 1px solid #d04;border-bottom: 1px solid #d04;}
.nav .navson-cannel a{display: inline-block;background-color:#666;vertical-align: middle;padding:5px 10px;margin-right: 4px;border-radius: 4px;font-weight: bold;color:#fff;}
.nav .navson-classify .navson-classify-box{padding: 4px 8px;overflow: hidden;border-bottom: 1px solid rgb(235, 235, 235);}
.nav .navson-classify .navson-classify-box .maintitle {width: 150px;float: left;overflow: hidden;}
.nav .navson-classify .navson-classify-box .navson-classify-subtitle {max-width: 800px;float: left;}
.nav .navson-classify .navson-classify-box .maintitle a{font-weight: bold;color: #d04;}
.nav .navson-classify .navson-classify-box a{margin:4px 14px;font-size: 12px;line-height: 24px;}
.nav .navson-classify .navson-classify-box a:hover{opacity: 0.8;}
.nav .menu-mainnav li:hover .navsonbox{display: block;}
.nav .menu-mainnav li:hover .sortmaintitle{text-align: center;background-color:#ddd;}
.nav .menu-mainnav li:hover .sortmaintitle a{color:#d04;}
.nav .nav-classify:hover .menu-mainnav{display: block;}

.nav-othder{margin-left: 200px;text-align: center;width: 1000px;display: flex;justify-content: space-around;}
.nav-othder li{line-height: 40px;vertical-align: bottom;}
.nav-othder li a{font-size: 16px;display: block;color: #666;font-weight: bold;}
.nav-othder li a:hover{color:#d04;}
/*footer*/
.footer{margin-top: 56px;overflow: hidden;clear: both;background-color:#fff;border-top: 1px solid #d04;}
.promise{overflow: hidden;clear: both;padding:0 72px;border-bottom:1px solid #f5f5f5;padding:36px 0 36px;}
.promise ul{overflow:hidden;margin: auto;width:1200px;}
.promise ul li{width:25%;float: left;text-align: center;border-right: 1px solid #ddd;}
.promise ul li:last-child{border: none;}
.promise .promise-box .word{text-align: left;margin-left: 12px;}
.promise .promise-box .yec-icon{width:48px;height:48px;margin:0 auto;display: inline-block;vertical-align: middle;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.promise .promise-box .yec-icon-qg{background-image: url(../imagesnew/footer1.png)}
.promise .promise-box .yec-icon-fare{background-image:url(../imagesnew/footer2.png)}
.promise .promise-box .yec-icon-cs{background-image:url(../imagesnew/footer3.png)}
.promise .promise-box .yec-icon-help{background-image:url(../imagesnew/footer4.png)}
.promise ul li h3{font-size: 16px;margin-bottom:4px;font-weight: bold;}
.promise ul li p{color:#969696;font-size: 12px;color: #ccc;}
.promise .promise-box .word{display: inline-block;vertical-align: middle;}
.foot-navson{padding:30px 0 20px;overflow: hidden;display:flex;}
.foot-navson .navsonbox{overflow: hidden;font-size: 14px;float: left;padding-left: 65px;}
.foot-navson .navsonbox dl{float: left;font-weight: bold;font-size: 14px;margin: 0 55px;}
.foot-navson .navsonbox dt{margin-bottom: 8px;}
.foot-navson .navsonbox dd a{font-size: 13px;color: #666;font-weight: normal;}
.foot-navson .navsonbox a{margin: 14px;color: #333;font-size: 14px;}
.foot-navson .contact{float: right;overflow: hidden;margin-left: 80px;}
.foot-navson .contact h2 {font-size: 14px;font-weight: bold;margin-bottom: 0.5em;color: #333;}
.foot-navson .contact .qrcode-box{float: left;margin-right: 8px;width: 60px;height: 60px;overflow: hidden;}
.foot-navson .contact .qrcode-box img{width: 100%;height: 100%;display: block;}
.foot-navson .contact .foot-service{float: left;font-size: 14px;}
.foot-navson .contact .foot-service p {font-weight: normal;font-size: 13px;}
.copyright{color:#858585;padding:14px 0;background-color: rgba(0, 0, 0, .75);}
.copyright .nb{display: flex;justify-content: space-between;}
.copyright a{color:#858585;}
.foot-authentication{text-align: center;}
.foot-authentication a{display: inline-block;width: 89px;height: 30px;background:url(../imagesnew/footer.png) no-repeat;margin:0 5px;}
.foot-authentication .authen1{background-position: 0 -86px;}
.foot-authentication .authen2{background-position: 0px -116px;}
.foot-authentication .authen3{background-position: 0px -146px;}
.foot-authentication .authen4{background-position: 0px -176px;}
.foot-authentication .authen5{background-position: 0px -206px;}
.foot-authentication .authen6{background-position: 0px -236px;}

/*注册登录页面简约版头部*/
.ny-header{height:79px;border-bottom:1px solid #ebebeb;box-shadow: 0 0 4px #ebebeb;position: relative;z-index:999;}
.ny-header .nb{max-width:1300px;margin:0 auto;overflow: hidden;clear: both;width:100%;}
.ny-header .logo{float: left;height:79px;line-height:79px;}
.ny-header .logo img{margin-top:13px;float: left;}
.ny-header .logo span{font-size: 18px;color:#9b9b9b;line-height: 79px;display: block;float: left;margin-left:18px;}
.ny-header .right{float: right;margin-top:52px;}
.ny-footer .copyright {color: #858585;margin: 16px 0;font-size: 12px;}
#mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

/*侧边浮动*/
.celan-float{position: fixed;right:0;top:220px;z-index:999999;}
.celan-float ul li{width:39px;height:39px;background:url(../imagesnew/icon-right.png) no-repeat #fff;border-bottom: 1px solid #ddd;border-radius: 4px;}
.celan-float ul li:hover{background:url(../imagesnew/icon-right-w.png) no-repeat #d04;border-color:#d04;}
.celan-float ul li a{display: block;text-indent: -999999px;width:100%;height:39px;}
.celan-float ul li.shop a{text-indent:inherit;}
.celan-float ul li.shop{background-position: 5px 6px;}
.celan-float ul li.shop a{position: relative;}
.celan-float ul li.coll{background-position: 6px -36px;}
.celan-float ul li.ecode{background-position: 6px -78px;position: relative;}
.celan-float ul li.ecode .ecode-box{position: absolute;right:39px;top:-1px;width:100px;height:100px;background-color:#d04;display: none;}
.celan-float ul li.ecode .ecode-box img{width:100%;height:100%;padding:10px;}
.celan-float ul li.ecode:hover .ecode-box{display: block;}
.celan-float ul li.gossi{background-position: 6px -120px;}
.celan-float ul li.telnum{background-position: 6px -163px;position: relative;}
.celan-float ul li.telnum .tel-box{position: absolute;right:40px;top:-1px;width:100px;height:41px;background-color:#d04;text-align: center;line-height:40px;display: none;}
.celan-float ul li.telnum .tel-box span{color:#fff;}
.celan-float ul li.telnum:hover .tel-box{display: block;}
.celan-float ul li.totop{background-position: 6px -203px;}
.celan-float ul li .radius{-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.pages{padding-top:30px; text-align: center;}
.pages a{padding:0 12px;height: 30px;line-height: 30px;margin:0 2px;background-color:#fff;display: inline-block;}
.pages a:hover,.pages .current{background-color: #d04;color:#fff;}

/*未知*/
.modbox {
    width: 750px;
    height: 420;
    padding: 10px 20px 20px 20px;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -210px;
    background-color: #fff;
    border: 5px solid #dcdcdc;
    z-index: 9999;
    display: none;
}
.modbox h3 {
    color: #505050;
    font-size: 14px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 5px;
}
.modbox h3 i.close-modbox {
    display: block;
    float: right;
    background: url(../imagesnew/x.png) no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

i.icon-check-zf {
    display: none;
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
    background: url(../imagesnew/icon-zf-check.png) no-repeat;
}
/*产品*/
.yourlike li{float: left;width: 227px;margin-right: 16px;background-color:#fff;margin-bottom:20px;padding-bottom: 10px;}
.yourlike li:nth-child(5n){margin-right: 0;}
.yourlike li img{width: 100%;}
.yourlike li .elli{padding:0 10px;height: 3em;overflow: hidden;margin:10px 0;transition: all .3s;}
.yourlike li .elli a{line-height: 1.5em;}
.yourlike li .price{padding:0 10px;color:#d04;font-size: 18px;}
.yourlike li .picbox{display: block;padding:40px;}
.yourlike li:hover{box-shadow: 0 0 8px rgba(0,0,0,.08), 0 16px 16px -8px rgba(0,0,0,.16);}
.yourlike li:hover img{transform: translateY(-5px);}

.navtitle{padding:21px 0 0;overflow: hidden;clear: both;}
.navtitle h3{height:30px;line-height: 30px;float: left;color:#fff;width:104px;background: url(../imagesnew/arrow-down.png) no-repeat 88px 13px #333;padding-left:15px;}
.navtitle .navtitleright{float: right;}
.navtitle .navtitleright a{padding: 0 8px;}
.part-price-sort ul.pps{background-color: #fff;}
.part-price-sort ul.pps li{line-height: 48px;border-bottom:1px solid #ebebeb;overflow: hidden;clear: both;}
.part-price-sort ul.pps li .lside-name{float: left;width:96px;text-align: center;color: #aaaaaa;font-size: 14px;}
.part-price-sort ul.pps li .rside-navtitle{padding:0 19px;float: left;width:1068px;}
.part-price-sort ul.pps li .rside-navtitle a{padding:0 10px;font-size: 14px;}
.part-price-sort ul.pps li .rside-navtitle a:hover{color:#de342f;}
.part-price-sort ul.pps li .some-px a{display: block;float: left;}
.part-price-sort ul.pps li .some-px span{display: block;float: left;}
.part-price-sort ul.pps li .rside-navtitle a b{display: block;float: left;background:url(../imagesnew/search.png) no-repeat;width:13px;height: 12px;margin:13px 0 0 5px;opacity: 0;fiter:alpha(opacity=0);}
.part-price-sort ul.pps li .rside-navtitle a b.down{background-position: 0 -203px;opacity:1;filter:alpha(opacity=100);}
.part-price-sort ul.pps li .rside-navtitle a b.up{background-position: 0px -225px;display: block;opacity:1;filter:alpha(opacity=100);}
/*newadd*/
.part-price-sort ul.pps .readychoose .rside-navtitle a{padding:4px 10px;color:#e40101;display: inline-block;line-height: initial;font-size: 14px;border-radius: 20px;background-color: #f0282814;}
.part-price-sort ul.pps .readychoose .rside-navtitle a em{color:#e40101;font-weight: 800;margin-left: 4px;}

.probottom{height:42px;line-height: 42px;border-top:1px solid #eee;margin-top: 5px;}
.probottom a{width:49%;display: block;float: left;text-align: center;font-size: 14px;color:#8c8c8c;}
.probottom a:hover{color:#de342f;}
.probottom i{display: block;width:1px;height:20px;background:#eee !important;float: left;margin-top:11px;}
.nobottompad li{padding-bottom:0 !important;}

i.icon-check-zf{display: none;width: 17px;height: 17px;position: absolute;bottom: 0;right:0;z-index:99;background:url(../imagesnew/icon-zf-check.png) no-repeat;}
.selected i.icon-check-zf{display: block;} 
.ico-login{position: absolute;left: 95%;top: 16px;}
.i-err{color: #e22;}
.i-suc i,.i-err i,.i-tip i{display: inline-block;width: 17px;height: 17px;vertical-align: middle;background: url(../imagesnew/ico.png) 999px 999px no-repeat;}
.i-suc i{background-position: 0px -17px;}
.i-err i{background-position: -17px 0px;}
.i-tip i{background-position: 0px 0px;}
.setprice input{width: 50px;padding: 2px;vertical-align: middle;}
.setprice input[type='button']{ background-color: #f1f1f1; border: solid 1px #ddd; padding: 3px;font-size: 12px;}
.unedit,input.unedit,.edit-user-infor ul li input[type='text'].unedit{border: none !important;background: transparent !important;}

.input, input.input { border-radius: 3px; padding: 7px; border: solid 1px #C9C9C9;}

/*coupon*/
.tip-down{width: 15px;height: 15px;background: url(../imagesnew/pro-pn.png) no-repeat;background-position: -32px -15px; display: none;float: right;}
.quan-ico{width: 55px;height: 55px;background: url(../imagesnew/icon-stamp.png) no-repeat !important;display: inline-block !important;}
.quan-expire{background-position: 0px 0px !important;}
.quan-runout{background-position: 0px -56px !important;}
.quan-geted{background-position: 0px -112px !important;}
.quan-used{background-position: 0px -168px !important;}
.quan-todayrunout{background-position: 0px -224px !important;}
.quan-todaygeted{background-position: 0px -280px !important;}


.head-bot{position: relative;}
.head-bot:after{content:"";position: absolute;bottom: 0;left: 0;width:100%;height: 2px;background-color: rgb(240, 40, 40);}
.head-main{top: 0;z-index: 9999;width: 100%;background-color: #fff;position: relative;transition: all .3s;}
.head-main.isTop{position: fixed;box-shadow: rgba(0, 0, 0, 0.32) 0px 8px 16px;}